<div class="addModules"  ng-class="{moduleBox:showAddmodules}">
  <div class="content-title clear">
    <h2 class="text-title">添加自定义模块</h2>
    <a href="" class="icon-close1 fr heigh50" ng-click="closeModules()"><i class="iconfont bigSize">&#xe608;</i></a>
  </div>
  <div class="moduleList">
    <ul>
      <li>
        <a href="" ng-click="stateGo(1)">
          <img src="./res/img/carousel.png" alt="">
          <h2 class="MT20 font16">轮播图</h2>
        </a>
      </li>
      <li>
        <a href="" ng-click="stateGo(2)">
          <img src="./res/img/editor.png" alt="">
          <h2 class="MT20 font16">编辑器</h2>
        </a>
      </li>
      <li>
        <a href="" ng-click="stateGo(3)">
          <img src="./res/img/informationPic.png" alt="">
          <h2 class="MT20 font16">信息收集器</h2>
        </a>
      </li>
    </ul>
  </div>
</div>

<style>

  /* 自定义模块 弹窗 */
  .addModules{
    width: 580px;
    height: 350px;
    background: #fff;
  }
  .addModules a:hover{
    text-decoration: none;
  }
  .moduleList ul{
    overflow: hidden;
    margin-left: -25px;
  }
  .moduleList li{
    float: left;
    text-align: center;
    margin-left: 70px;
    margin-top: 70px;
  }
</style>